<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
    <path
      d="M18.4545 7.78571H12.7273V15.3173L15.1223 12.7303C15.2598 12.5892 15.4429 12.5117 15.6325 12.5143C15.8222 12.5169 16.0033 12.5995 16.1375 12.7444C16.2716 12.8892 16.348 13.085 16.3504 13.2899C16.3528 13.4948 16.2811 13.6926 16.1505 13.8411L12.5141 17.7697C12.3777 17.9169 12.1928 17.9996 12 17.9996C11.8072 17.9996 11.6223 17.9169 11.4859 17.7697L7.84955 13.8411C7.71891 13.6926 7.64716 13.4948 7.64959 13.2899C7.65202 13.085 7.72843 12.8892 7.86254 12.7444C7.99665 12.5995 8.17785 12.5169 8.36749 12.5143C8.55714 12.5117 8.74023 12.5892 8.87773 12.7303L11.2727 15.3173V7.78571H5.54545C4.87058 7.78649 4.22355 8.07648 3.74634 8.59203C3.26913 9.10759 3.00072 9.80661 3 10.5357V20.75C3.00072 21.4791 3.26913 22.1781 3.74634 22.6937C4.22355 23.2092 4.87058 23.4992 5.54545 23.5H18.4545C19.1294 23.4992 19.7764 23.2092 20.2537 22.6937C20.7309 22.1781 20.9993 21.4791 21 20.75V10.5357C20.9993 9.80661 20.7309 9.10759 20.2537 8.59203C19.7764 8.07648 19.1294 7.78649 18.4545 7.78571Z"
      fill="#7A7A7A" />
    <path
      d="M12.7273 2.28571C12.7273 2.07733 12.6507 1.87748 12.5143 1.73013C12.3779 1.58278 12.1929 1.5 12 1.5C11.8071 1.5 11.6221 1.58278 11.4857 1.73013C11.3494 1.87748 11.2727 2.07733 11.2727 2.28571V7.78571H12.7273V2.28571Z"
      fill="#7A7A7A" />
  </svg>
</template>

<script setup lang="ts">
  interface Props {
    size?: number | string;
    color?: string;
    fill?: string;
    strokeWidth?: number | string;
    iconClass?: string;
  }

  withDefaults(defineProps<Props>(), {
    size: 24,
    color: '#F76B1B',
    fill: 'none',
    strokeWidth: 1,
    iconClass: '',
  });
</script>
